<template>
  <div class="footer">
    <router-link to="/home">
      <div>
        <span class="iconfont icon-shouye"></span>
        <p>首页</p>
      </div>
    </router-link>
    <router-link to="/compay">
      <div>
        <span class="iconfont icon-iconfontzhizuobiaozhun023140"></span>
        <p>企业福利</p>
      </div>
    </router-link>
    <router-link to="/shops">
      <div>
        <span class="iconfont icon-gouwuche"></span>
        <p>购物车</p>
      </div>
    </router-link>
    <router-link to="/aboutme">
      <div>
        <span class="iconfont icon-wode"></span>
        <p>我的</p>
      </div>
    </router-link>
  </div>
</template>

<script>
export default {};
</script>
<style scoped>
@import url(../assets/life/iconfont.css);
.footer {
  width: 100%;
  height: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  margin-top: 1rem;
  border-top: 1px solid #ededed;
}
.footer a div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.iconfont {
  font-size: 0.21rem;
}
.router-link-exact-active {
  color: #c03131;
}
</style>